<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>主页内容设置-品牌和销售排行榜</title>

    <link rel="stylesheet" href="../../libs/bootstrap.min.css">
    <link rel="stylesheet" href="../../libs/thirdly/font-awesome.min.css">
    <link rel="stylesheet" href="../../libs/jstree/themes/default-dark/style.min.css">
    <link rel="stylesheet" href="../../libs/jqGrid/ui.jqgrid-bootstrap.css">
    <link rel="stylesheet" href="../../css/common.css">
    <link rel="stylesheet" href="../../css/WZSZ/MDM003503.css">

    <script src="../../libs/jquery.min.js"></script>
    <script src="../../libs/jquery-ui.js"></script>
    <script src="../../libs/jqGrid/grid.locale-cn.js"></script>
    <script src="../../libs/jqGrid/jquery.jqGrid.min.js"></script>
    <script src="../../libs/jstree/jstree.min.js"></script>

    <script src="../../js/config.js"></script>

</head>
<body>
    <div class="m_wrapper">
        <aside class="u_menu_container">
        </aside>
        <section class="u_wrapper">
            <header>
                <div class="u_header">
                    <h2>主页内容设置-品牌和销售排行榜</h2>
                </div>
            </header>
            <div class="u_content_wrapper">
                <div class="u_toolbar u_user">
                    <ul class="u_toolgroup">
                        <li class="u_tool" data-opt="u_save">
                            <i class="fa fa-save"></i>
                            <span>保存</span>
                        </li>
                        <li class="u_tool" data-opt="back">
                            <i class="fa fa-reply"></i>
                            <span>返回</span>
                        </li>
                    </ul>
                </div>
                <div class="u_contents clearfix">
                    <div class="u_row">
                        <div class="u_col_6x">
                            <div class="u_block_content">
                                <div class="form-horizontal">
                                    <div class="form-group">
                                        <label class="data-label">代码</label>
                                        <div class="data-input">
                                            <input class="form-control" type="text" value="" disabled id="ItemCode">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="data-label">名称</label>
                                        <div class="data-input">
                                            <input class="form-control" type="text" value="" id="ItemName">
                                        </div>
                                    </div>  
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="u_tabs_container">
                        <ul class="u_tabs clearfix">
                            <li class="u_tab u_tab_active" data-tab="Brand">品牌</li>
                            <li class="u_tab" data-tab="Ranking ">一级大类销售排行榜</li>
                        </ul>
                        <ul class="u_panes clearfix">
                            <li class="u_pane u_pane_active" data-pane="Brand">
                                <div class="u_row">
                                    <div class="u_block u_col_12x">
                                        <div class="u_block_content">
                                            <div class="u_btns">
                                                <a class="u_btn btn btn-info" id="BrandBtn">
                                                    <i class="fa fa-plus"></i>
                                                    添&nbsp;加
                                                </a>
                                                <span>[最多可设置5个品牌]</span>
                                            </div>
                                            <div class="u_table_container">
                                                <table id="jgTable05"><!-- jqgrid --></table>
                                                <div id="jgPager05"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="u_pane" data-pane="Ranking">
                                <div class="u_row">
                                    <div class="u_block u_col_12x">
                                        <div class="u_block_content">
                                            <div class="u_btns">
                                                <a class="u_btn btn btn-info" id="SKUBtn">
                                                    <i class="fa fa-plus"></i>
                                                    添&nbsp;加
                                                </a>
                                                <span>[最多可设置8个SKU]</span>
                                            </div>
                                            <div class="u_table_container">
                                                <table id="jgTable06"><!-- jqgrid --></table>
                                                <div id="jgPager06"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <footer>
                        <div class="u_footer">
                            <div class="u_btns">
                                <a href="javascript:0" class="u_btn btn btn-success" id="js_submit">
                                    <i class="fa fa-save"></i>
                                    保&nbsp;存
                                </a>
                            </div>
                        </div>
                    </footer>
                </div>
            </div>
        </section>
    </div>    

<!-- 自定义模态框 -->
<div id="modal5" class="modal-overlay hidden"> 
	<div class="modal-data">
        <i class="u_restore"></i>
        <!-- 头部 -->
        <div class="u_modal_header">
            <ul class="u_toolgroup u_search pull-left">
                <li class="u_tool" id="opt_search_5" data-opt="opt_search">
                    <input type="text" value="" placeholder="搜索">
                    <i class="fa fa-search"></i>
                </li>
            </ul>
            <ul class="list-inline pull-right">
                <li class="u_title u_minimize">
                    <i class="glyphicon glyphicon-minus"></i>
                </li>
                <li class="u_title u_close">
                    <i class="glyphicon glyphicon-remove"></i>
                </li>
            </ul>
        </div>
        <!-- 主体 -->
        <div class="u_modal_body">
            <div class="u_table_container">
                <table id="jgTable5m"><!-- jqgrid --></table>
                <div id="jgPager5m"></div>
            </div>
            <div class="u_footer pull-left">
                <button type="button" class="btn btn-success" id="addBrandBtn">
                    <i class="fa fa-save"></i>
                    确认添加
                </button>
            </div>
        </div>
	</div>
</div>

<!-- 自定义模态框 -->
<div id="modal6" class="modal-overlay hidden"> 
	<div class="modal-data">
        <i class="u_restore"></i>
        <!-- 头部 -->
        <div class="u_modal_header">
            <ul class="u_toolgroup u_search pull-left">
                <li class="u_tool" id="opt_search_6" data-opt="opt_search">
                    <input type="text" value="" placeholder="搜索">
                    <i class="fa fa-search"></i>
                </li>
            </ul>
            <ul class="list-inline pull-right">
                <li class="u_title u_minimize">
                    <i class="glyphicon glyphicon-minus"></i>
                </li>
                <li class="u_title u_close">
                    <i class="glyphicon glyphicon-remove"></i>
                </li>
            </ul>
        </div>
        <!-- 主体 -->
        <div class="u_modal_body">
            <div class="u_table_container">
                <table id="jgTable6m"><!-- jqgrid --></table>
                <div id="jgPager6m"></div>
            </div>
            <div class="u_footer pull-left">
                <button type="button" class="btn btn-success" id="addSKUBtn">
                    <i class="fa fa-save"></i>
                    确认添加
                </button>
            </div>
        </div>
	</div>
</div>

<script src="../../js/publicTpl.js"></script>
<script src="../../js/common.js"></script>   
<script src="../../js/publicGrid.js"></script>
<script src="../../js/WZSZ/MDM003503.js"></script>

</body>
</html>